<html>   
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">   
<title>event test</title>   
</head>   
<body onload="init()">   
<!-- 绑定方式一:在元素中，通过onXXX（事件）设置绑定方法 -->   
<button id="btn1" onclick="display()" >绑定方式一</button>

<!-- 绑定方式二：在Javascript代码中，通过获得元素，为元素的onXXX（事件）设置绑定方法 -->   
<button id="btn2">绑定方式二</button>  
 
<!-- 绑定方式三：通过for、event为元素绑定事件（IE4+）。for后面是元素id，event是具体事件 -->   
<button id="btn3">绑定方式三</button>   

<!-- 绑定方式四：通过attachEvent为元素绑定事件（IE5+）。第一个参数是事件名，第二个参数是绑定的方法 -->   
<button id="btn4">绑定方式四</button>   
</body>   

<script type="text/javascript"> 
    function init() {   
      document.getElementById("btn2").onclick = display;//为button2绑定事件   
      document.getElementById("btn4").attachEvent("onclick", display);//为button4绑定事件
      //IE 支持 attachEvent
      //其它浏览器支持 addEventListener
      //obj.addEventListener("click", function(){alert("测试");}, false);   
    }
    function display(event) {   
      var targ;//触发事件的对象引用   
      if (!event) {   
        var event = window.event;//获得当前事件(IE)   
      }   
      if (event.target) {//IE没有target   
        targ = event.target;   
      } else if (event.srcElement) {//适用于IE   
        targ = event.srcElement;   
      }
      //对触发事件的对象进行操作   
      alert(targ.tagName+"-"+targ.id+"-"+event.x+"-"+event.offsetX+"-"+event.clientX+"-"+event.screenX);   
      //targ.disabled="disabled" ;   
    }
    //下面是区别IE6、IE7、IE8之间的方法：
    /*var isIE=!!window.ActiveXObject;
    var isIE6=isIE&&!window.XMLHttpRequest;
    var isIE8=isIE&&!!document.documentMode;
    var isIE7=isIE&&!isIE6&&!isIE8;
    if (isIE){
    　　if (isIE6){
    　　　　alert(”ie6″);
    　　}else if (isIE8){
    　　　　alert(”ie8″);
    　　}else if (isIE7){
    　　　　alert(”ie7″);
    　　}
    }*/   
</script> 
<script for="btn3" event="onclick"> 
    display();//为button3绑定事件   
</script>